<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/newcss.css">
        <link rel="stylesheet" type="text/css" href="css/960.css">
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/text.css">
        <link rel="stylesheet" type="text/css" href="css/caption-style.css" media="screen">
        <link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
        <link href="css/sm-core-css.css" rel="stylesheet" type="text/css" />
        <link href="css/sm-blue/sm-blue.css" rel="stylesheet" type="text/css" />
        <link href="css/acordion.css" rel="stylesheet" type="text/css"/>
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript" src="libs/jquery-loader.js"></script>
        <script type="text/javascript" src="js/jquery.smartmenus.js"></script>
        <script type="text/javascript">
                $(function() {
                        $('#main-menu').smartmenus({
                                subMenusSubOffsetX: 1,
                                subMenusSubOffsetY: -8
                        });
                });
        </script>              
	<!--<script type="text/javascript" src="js/easySlider1.7.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){	
			$("#slider").easySlider({
				auto: true, 
				continuous: true,
				numeric: true
			});
		});	
	</script>    -->  
        
         <script type="text/javascript">
                $(document).ready(function() {
                        $('dd:not(:first)').hide();
                        $('dt a').click(function()  {
                                //$('dd:visible').slideUp('slow');
                                //$('.active').removeClass('active');
                                if($(this).parent().attr('class')=='active')
                                    {
                                        $(this).parent().removeClass('active').next().slideUp('slow');
                                    } else
                                        {
                                          $(this).parent().addClass('active').next().slideDown('slow');  
                                        }
                                return false;
                                });
                
                        });
        </script>
        <style type="text/css">
                #main-menu {
                        position:relative;
                        z-index:9999;
                        width:auto;
                }
                #main-menu ul {
                        width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
                }
        </style>      
    </head>
    
    <body>
        <div id="wrapper">
            <div id="header">
                <div class="container_12">
                    <div class="grid_4">
                        <a href="index.html">
                            <image src="image/global_adidas_logo.gif" alt="logo">
                        </a>
                    </div>
                    <div class="grid_4">
                        <form>
                            <label>
                                <input type="search" placeholder="Search" class="topsearch">
                                <input type="submit" value class="imgsearch">
                            </label>
                        </form>
                    </div>
                    <div class="grid_4">
                        <ul id="topnav">
                            <li>
                                <a href="index.html">Trang chủ</a>
                            </li>
                            <li>
                                <a href="#">Liên hệ</a>
                            </li>
                            <li>
                                <a href="account.html">Tài khoản</a>
                            </li>
                        </ul>
                    </div>
                    
                    <div class="clear"></div>                    
                </div> 
                
                <div class="container_12">
                    <div class="grid_12">
                        <ul id="main-menu" class="sm sm-blue">
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Dụng cụ thể thao</a>
                                <ul>
                                    <li><a href="#">Bóng đá</a></li>
                                    <li><a href="#">Bóng chuyền</a></li>
                                    <li><a href="#">Cầu lông</a></li>
                                    <li><a href="#">Tennis</a></li>                                                   
                                    <li><a href="#">Bóng bàn</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Trang phục</a>
                                <ul>
                                    <li><a href="#">Trang phục nam</a></li>
                                    <li><a href="#">Trang phục nữ</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Các thương hiệu</a>
                                <ul>
                                    <li><a href="#">Adidas</a></li>
                                    <li><a href="#">Nike</a></li>
                                    <li><a href="#">Lining</a></li>
                                    <li><a href="#">Động lực</a></li>
                                    <li><a href="#">Lotto</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Hàng mới</a></li>
                            <li><a href="#">Khuyến mại</a></li>
                            <li><a href="#">Khác</a>
                                <ul class="mega-menu">
                                    <li>
                                        <div style="width:400px;max-width:100%;">
                                            <div style="padding:5px 24px;">
                                                <p>This is a mega drop down test. Just set the "mega-menu" class to the parent UL element to inform the SmartMenus script. It can contain <strong>any HTML</strong>.</p>
                                                <p>Just style the contents as you like (you may need to reset some SmartMenus inherited styles - e.g. for lists, links, etc.)</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                                               
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div id="content">
                
                <div class="container_12">
                        
                    <div class="grid_12 space box-style omega" style="background-color: #fff">
                        <h1 class="headmenu-right">Tài khoản</h1>
                        
                        <div class="grid_6 box-style space" style="margin-left:250px">
                            <h1 class="headmenu-right ">Đăng nhập</h1>
                            <div class="reg-main">
                                <label class="reg-line">
                                    <p class="reg-label">Họ tên/Nickname:</p>
                                    <div class="reg-content">
                                        <input type="text" class="reg-box">
                                        <div class="reg-comment"></div>
                                    </div>
                                </label>
                                
                                <label class="reg-line">
                                    <p class="reg-label">Password:</p>
                                    <div class="reg-content">
                                        <input type="password" class="reg-box">
                                        <div class="reg-comment"></div>
                                    </div>
                                </label>
                                
                                <input type="submit" class="submit-button" value="Đăng nhập"/>
                            </div>
                        </div>
                        <div class="grid_6 box-style space" style="margin-left:250px">
                            <h1 class="headmenu-right ">Đăng ký</h1>
                            <div class="reg-main">
                                
                                <label class="reg-line">
                                    <p class="reg-label">Họ tên/Nickname:</p>
                                    <div class="reg-content">
                                        <input type="text" class="reg-box">
                                        <div class="reg-comment"></div>
                                    </div>
                                </label>
                                
                                <label class="reg-line">
                                    <p class="reg-label">E-mail:</p>
                                    <div class="reg-content">
                                        <input type="text" class="reg-box">
                                        <div class="reg-comment"></div>
                                    </div>
                                </label>
                                
                                <label class="reg-line">
                                    <p class="reg-label">Nhắc lại E-mail:</p>
                                    <div class="reg-content">
                                        <input type="text" class="reg-box">
                                        <div class="reg-comment"></div>
                                    </div>
                                </label>
                                
                                <label class="reg-line">
                                    <p class="reg-label">Password:</p>
                                    <div class="reg-content">
                                        <input type="password" class="reg-box">
                                        <div class="reg-comment"></div>
                                    </div>
                                </label>
                                
                                <label class="reg-line">
                                    <p class="reg-label">Nhắc lại Password:</p>
                                    <div class="reg-content">
                                        <input type="password" class="reg-box">
                                        <div class="reg-comment"></div>
                                    </div>
                                </label>
                                
                                <label class="reg-line">
                                    <p class="reg-label">Ngày sinh:</p>
                                    <div class="reg-content">
                                        <input type="date" min="1900-01-01" max="2013-01-01"class="reg-box">
                                        <div class="reg-comment"></div>
                                    </div>
                                </label>
                                
                                <label class="reg-line">
                                    <p class="reg-label">Giới tính:</p>
                                    <div class="reg-content" style="margin-top:5px">
                                        <input type="radio" name="gender" checked="checked"> Nam
                                        <input type="radio" name="gender"> Nữ
                                        <div class="reg-comment"></div>
                                    </div>
                                </label>
                                
                                <input type="submit" class="submit-button" value="Chấp nhận"/>
                                
                            </div>
                        </div>
                    </div>
                        
                </div>
                
              
            </div>
            <div id="footer">
                <div class="container_12">
                    <div class="grid_4 space">                        
                            <h1>Dụng cụ thể thao</h1>
                            <ul>
                                <li><a href="#">Bóng đá</a></li>
                                <li><a href="#">Bóng chuyền</a></li>
                                <li><a href="#">Cầu lông</a></li>
                                <li><a href="#">Tennis</a></li>
                                <li><a href="#">Bóng bàn</a></li>
                            </ul>
                    </div>
                    <div class="grid_4 space">
                        <h1>Hỗ trợ khách hàng</h1>
                    </div>
                    <div class="grid_4 space">
                        <h1>Kết nối với chúng tôi</h1>
                    </div>
                </div>
                
                <div class="container_12 copyright">
                    <div class="grid_12">
                        <h6>Copyright © 2013 by shopsport.com</h6>
                    </div>
                </div>
                   
                    
            </div>
        </div>
    </body>
</html>
